@import (reference) '~@/assets/css/variables.less';
@import '~@/assets/iconfont/iconfont.css';
@import '~@/assets/iconfont-colour/iconfont.css';
@import '~@/assets/iconfont-colour2/iconfont.css';
@import '~@/assets/iconfont-colour3/iconfont.css';
@import '~@/assets/css/reset.css';

html,
body,
#root {
  width: 100%;
  height: 100%;
}

canvas {
  display: block;
}

body {
  font-size: @font-size-14;
  font-family: @font-family-base;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ant-pro-basicLayout {
  height: 100% !important;
}

.ant-pro-basicLayout-content {
  margin: 0 !important;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.clearfix {
  &::before,
  &::after {
    display: table;
    content: ' ';
  }

  &::after {
    clear: both;
  }
}

.wrapper {
  width: 1190px;
  margin-right: auto;
  margin-left: auto;
}

.flex-inline {
  display: flex;
  justify-content: space-between;
}

.center {
  display: flex;
  align-content: center;
  justify-content: space-between;
}

// 可拖动表格在拖拽时的蓝色虚线样式
tr.drop-over-downward td {
  border-bottom: 2px dashed @blue !important;
}

tr.drop-over-upward td {
  border-top: 2px dashed @blue !important;
}

// modal的标题字体样式
.ant-modal-title {
  font-size: @font-size-18 !important;
  font-weight: @font-weight-bold !important;
  color: @gray-700 !important;
}

// 统一修改antd Upload.Dragger的中间icon样式
.ant-upload-drag-icon {
  .iconfont {
    font-size: 40px;
    color: @blue;
  }
}

.DisplayNone {
  display: none !important;
}

.table-footer-no-padding {
  .ant-table-footer {
    padding: 0 !important;
  }
}
